<template>
    <div>
        <Card dis-hover class="ivu-mt-8" :bordered="false">
            <Row :gutter="64">
                <Col span="4">
                    <List class="sky-list">
                        <ListItem class="active">线索</ListItem>
                        <ListItem>
                            <a>客户</a>
                        </ListItem>
                        <ListItem>
                            <a>活动</a>
                        </ListItem>
                        <ListItem>
                            <a>销售机会</a>
                        </ListItem>
                        <ListItem>
                            <a>产品</a>
                        </ListItem>
                        <ListItem>
                            <a>价格表</a>
                        </ListItem>
                        <ListItem>
                            <a>任务</a>
                        </ListItem>
                        <ListItem>
                            <a>订单</a>
                        </ListItem>
                        <ListItem>
                            <a>回访</a>
                        </ListItem>
                    </List>
                </Col>
                <Col span="20">
                    <Tabs value="field">
                        <TabPane label="字段" name="field">
                            <fieldList />
                        </TabPane>
                        <TabPane label="列表" name="list">
                            <list />
                        </TabPane>
                        <TabPane label="详细页关联模块" name="page">
                            <relation />
                        </TabPane>
                    </Tabs>
                </Col>
            </Row>
        </Card>
    </div>
</template>
<script>
import fieldList from './field'
import relation from './relation'
import list from './list'
export default {
    name: 'diagnosis',
    components: { fieldList, list, relation },
    data() {
        return {}
    }
}
</script>
<style scoped>
.sky-list a {
    color: #666;
}
.sky-list a:hover {
    color: #2d8cf0;
    font-weight: bold;
}
.sky-list .active {
    color: #2d8cf0;
    font-weight: bold;
}
</style>